// rem函数
function setRem () {
    const defaultWidth = 1920; // 默认设计稿宽度
    const defaultScale = 1; // 默认缩放比例
    let defaultFontSize = 192; // 默认字体大小

    const getWidth = window.innerWidth; // 获取当前窗口宽度
    let currentScale = getWidth / defaultWidth; // 当前缩放比例

    // 防止缩放太小
    if(currentScale < 0.85 && getWidth > 1024){
        currentScale = 0.855;
    }

    // 当前为平板设备时
    if(getWidth <= 768){
        defaultFontSize = defaultFontSize * 2;
    }

    // 计算的宽度比例关系 再乘以默认的字体大小，获取计算的字体大小
    const currentFontSize = (currentScale / defaultScale) * defaultFontSize;
    console.log(currentFontSize);
    document.documentElement.style.fontSize = currentFontSize + 'px';
}

// 调用函数
setRem();

// 监听窗口大小变化，实时更新rem
window.onresize = function () {
    setRem();
}